<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 1.隐藏参数 箭头函数没有隐藏参数
      //   function fn() {
      //     console.log(arguments);
      //   }
      //   fn(1, 2, 3);
      //   let fn = (...arguments) => {
      //     console.log(arguments);
      //   };
      //   fn(1, 2, 3);
      //   2箭头函数里的this
      // 箭头函数内部没有this绑定，他的this绑定是上层的this
      //   let fn = () => {
      //     console.log(this);
      //   };
      //   fn();
      //   let obj = {
      //     fn: function () {
      //       console.log(this);
      //     },
      //     fn1() {
      //       console.log("fn", this);
      //     },
      //     fn2: () => {
      //       console.log("fn2", this);
      //     },
      //   };
      //   obj.fn1();
      //   obj.fn2();
      // this穿透；
      document.onclick = () => {
        // console.log(this);
        // setTimeout(function(){
        //     console.log(this);
        // }, 1);
        setTimeout(() => {
          console.log(this);
        }, 1);
      };
    </script>
  </body>
</html>
